﻿*{ 
    margin: 0px; padding: 0px;

}

li{ 
    list-style: none;

}

.clear{ 
    clear: both;

}

/*Menu cap 1*/
.main_menu{ 
    background: url('/Images/menu_light.jpg'); 

}
.main_menu>ul>li{ 
    float: left;
    padding: 10px 30px; 
    position: relative; 
    border-right: 1px dotted #DFD1D1; 
    z-index: 9999; 
    display: inline;

}
.main_menu>ul>li:last-child{ 
    border-right: none;

}
.main_menu>ul>li>a{
    text-decoration: none;
    color: #FFFFFF;font-size: 14px; 
    text-align:center; 
    text-transform: uppercase; 
    font-weight: 700

}
.main_menu>ul>li:hover ul{ 
    display: block;

}
.main_menu ul li:hover{
     background: #006AB4 ; 
     transition: all 0.25s;
}

/*Menu cap 2*/
.main_menu>ul>li>ul{ 
    display: none; 
    position: absolute; 
    background: #FFFFFF;
    top: 40px;
    width: 200px; 
    left: 0px;  
    border: 2px solid #006AB4;

}
.main_menu>ul>li>ul>li{ 
    padding: 11px 0px;

}
.main_menu>ul>li>ul>li{ 
    border-bottom: 1px dotted #8DCAF9; 
    border-color: black

}
.main_menu>ul>li>ul>li:last-child{
    border-bottom: none 

}
.main_menu > ul ul li a {
  padding: 12px 14px;
  color: #03115C;
  text-decoration: none;
  border-left: 4px solid transparent;
  transition: all 0.25s ease-in-out;
}

.main_menu > ul ul li a:hover {
  border-left: 4px solid #3CB0FB;
  color: white;
  text-shadow: 0 1px 0 black;
}
/*#3CB0FB*/
.main_menu > ul ul li a:active {
  color: #FFFFFF;
}

/*Menu cap 3*/
.main_menu li:hover ul ul {
    display: none;
    background: #FFFFFF;
    border: 2px solid #006AB4;
}

.main_menu li li:hover ul {
    display: block;
}

.main_menu li li a {
    position: relative;
}

.main_menu li li ul {
    position: absolute;
    left: 200px;
    display:none;
    padding: 0;
   margin-left:0px;
   margin-top:-30px;
} 
.main_menu>ul>li>ul>li>ul>li{ 
    padding: 11px 0px;
    width:200px;
    border-bottom: 1px dotted #8DCAF9; 
    border-color: black;
    /*height: 20px;*/
}

.main_menu>ul>li>ul>li>ul>li:last-child{
    border-bottom: none 
}

ul.menu li ul {
   display:none;
   padding: 0;
   margin-left:210px;
   margin-top:-30px;
}
